<div id="slider_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
    <div id="slider" class="rev_slider fullwidthabanner">
        <ul>	
            <!-- SLIDE  1-->
            <li data-transition="zoomout" data-slotamount="7" data-masterspeed="9000" >
                <!-- MAIN IMAGE -->
                <img src="<?php echo IMAGES_PATH; ?>/slider/slideshow1.jpg"  alt="banner-bg"  data-bgfit="cover" data-bgposition="center" data-bgrepeat="no-repeat">
                <!-- LAYERS -->

                <!-- LAYER NR. 1 -->
                <div class="tp-caption slider-title" style="font-size:30px;"
                     data-x="100"
                     data-y="250" 
                     data-speed="500"
                     data-start="500"
                     data-easing="Power4.easeOut"
                     data-endspeed="500"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 2">NEW BRANDS
                </div>

                <!-- LAYER NR. 2 -->
                <div class="tp-caption slider-grey-caption" style="font-size:20px;"
                     data-x="100"
                     data-y="310" 
                     data-speed="800"
                     data-start="700"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     data-captionhidden="on"
                     style="z-index: 3;">See our Featured brands today!
                </div>

                <!-- LAYER NR. 3 -->
                <div class="tp-caption slider-red-caption slider-read-more"
                     data-x="110"
                     data-y="375" 
                     data-speed="300"
                     data-start="900"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 4"><a style="color:#fff;" href="<?php echo APPLICATION_URL ?>/brand/all">Read More</a>
                </div>
            </li>

            <!-- SLIDE  2-->
            <li data-transition="fade" data-slotamount="7" data-masterspeed="1000" >
                <!-- MAIN IMAGE -->
                <img src="<?php echo IMAGES_PATH; ?>/slider/Slideshow2.jpg"  alt="image"  data-bgfit="cover" data-bgposition="center" data-bgrepeat="no-repeat">
                <!-- LAYERS -->

                <!-- LAYER NR. 1 -->
                <div class="tp-caption slider-title" style="font-size:30px;"
                     data-x="100"
                     data-y="250" 
                     data-speed="500"
                     data-start="500"
                     data-easing="Power4.easeOut"
                     data-endspeed="500"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 2">Rhythm
                </div>

                <!-- LAYER NR. 2 -->
                <div class="tp-caption slider-transparent-caption" style="font-size:20px;"
                     data-x="105"
                     data-y="315" 
                     data-speed="800"
                     data-start="700"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     data-captionhidden="on"
                     style="z-index: 3">Check out this new Summer Brand
                </div>

                <!-- LAYER NR. 3 -->
                <div class="tp-caption slider-buy-caption"
                     data-x="108"
                     data-y="380" 
                     data-speed="300"
                     data-start="900"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 4"><a style="color:#fff;" href="<?php echo APPLICATION_URL;  ?>/brand/index/brand_name/Rhythm">Buy Now</a>
                </div>
            </li>

            <!-- SLIDE  3-->
            <li data-transition="fade" data-slotamount="7" data-masterspeed="500" >
                <!-- MAIN IMAGE -->
                <img src="<?php echo IMAGES_PATH; ?>/slider/Slideshow3.jpg"  alt="image"  data-bgfit="100%" data-bgposition="center" data-bgrepeat="no-repeat">
                <!-- LAYERS -->

                <!-- LAYER NR. 1 -->
                <div class="tp-caption slider-title" style="font-size:30px;"
                     data-x="750"
                     data-y="210" 
                     data-speed="500"
                     data-start="500"
                     data-easing="Power4.easeOut"
                     data-endspeed="500"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 2">Lira
                </div>

                <!-- LAYER NR. 2 -->
                <div class="tp-caption slider-caption-transparent-right" style="font-size:20px;"
                     data-x="620"
                     data-y="270" 
                     data-speed="800"
                     data-start="700"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     data-captionhidden="on"
                     style="z-index: 3">Summer Collection Is here
                </div>

                <!-- LAYER NR. 3 -->
                <div class="tp-caption slider-caption-see-details"
                     data-x="850"
                     data-y="340" 
                     data-speed="300"
                     data-start="900"
                     data-easing="Power4.easeOut"
                     data-endspeed="300"
                     data-endeasing="Power4.easeOut"
                     style="z-index: 4"><a style="color:#fff;" href="<?php echo APPLICATION_URL;  ?>/brand/index/brand_name/LIRA">See details</a>
                </div>
            </li>

        </ul>
    </div>
</div>			
<div class="whats-new">
    <p class="color-orange">WHAT'S NEW</p>
</div>
<?php echo $this->partial('brand_features.phtml',array('brandFeatures'=>$this->brandFeatures)); ?>
<script type="text/javascript">
    var tpj = jQuery;
    tpj.noConflict();
    var revapi3;
    tpj(document).ready(function() {
        if (tpj('#slider').revolution == undefined)
            revslider_showDoubleJqueryError('#slider');
        else
            revapi3 = tpj('#slider').show().revolution(
                    {
                        delay: 9000,
                        startwidth: 1366,
                        startheight: $('#middle').height(),
                        hideThumbs: 10,
                        thumbWidth: 100,
                        thumbHeight: 50,
                        thumbAmount: 2,
                        navigationType: "bullet",
                        navigationArrows: "none",
                        navigationStyle: "round",
                        touchenabled: "on",
                        onHoverStop: "off",
                        navigationHAlign: "left",
                        navigationVAlign: "bottom",
                        navigationHOffset: 30,
                        navigationVOffset: 20,
                        shadow: 0,
                        fullWidth: "on",
                        fullScreen: "on",
                        stopLoop: "off",
                        stopAfterLoops: -1,
                        stopAtSlide: -1,
                        shuffle: "off",
                        //autoHeight: "on",
                        autoHeight: "off",
                        forceFullWidth: "off",
                        hideThumbsOnMobile: "off",
                        hideBulletsOnMobile: "on",
                        hideArrowsOnMobile: "on",
                        hideThumbsUnderResolution: 0,
                        hideSliderAtLimit: 0,
                        hideCaptionAtLimit: 768,
                        hideAllCaptionAtLilmit: 0,
                        startWithSlide: 0,
//                        videoJsPath: "http://chimpgroup.com/wp-demo/aidreform/wp-content/plugins/revslider/rs-plugin/videojs/",
                        fullScreenOffsetContainer: ""
                    });
    }); //ready

</script>